<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<!-- 滑块验证样式 -->
<style>
 #box{
            position: relative;
            width: 300px;
            height: 40px;
            margin: 0 auto;
            margin-top: 10px; 
            background-color: #e8e8e8;
            box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
            
        }
        .bgColor{
            position: absolute;
            left:0;
            top:0;
            width:40px;
            height: 40px;
            background-color: lightblue;
        }
        .txt{
            position: absolute;
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            color: #000;
            text-align: center;
        }
        .slider{
            position: absolute;
            left:0;
            top:0;
            width: 50px;
            height: 38px;
            border: 1px solid #ccc;
            background: #fff;
            text-align: center;
            cursor: move;
        }
        .slider>i{
            position: absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
        }
        .slider.active>i{
            color:green;
        }
        .userPicture{
            width: 1px;
            height: 1px;
        }


</style>
<!-- 滑块验证样式 -->
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"
	media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css2/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/contactstyle.css" type="text/css"
	media="all" />
<link rel="stylesheet" href="css/faqstyle.css" type="text/css"
	media="all" />
<link href="css/single.css" rel='stylesheet' type='text/css' />
<link href="css/medile.css" rel='stylesheet' type='text/css' />
<!-- banner-slider -->
<link href="css/jquery.slidey.min.css" rel="stylesheet">
<!-- //banner-slider -->
<!-- pop-up -->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css"
	media="all" />
<!-- //pop-up -->
<!-- font-awesome icons -->
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!-- //font-awesome icons -->
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<!-- banner-bottom-plugin -->
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css"
	media="all">
<script src="js/owl.carousel.js"></script>


<script>
	$(document).ready(function() { 
		$("#owl-demo").owlCarousel({
	 
		  autoPlay: 3000, //Set AutoPlay to 3 seconds
	 
		  items : 5,
		  itemsDesktop : [640,4],
		  itemsDesktopSmall : [414,3]
	 
		});

	})
	 


	
</script>

<script type="text/javascript">
		$(document).ready(function(){
		     $.ajax({
			     
		         type: "POST",//方法类型
		         dataType: "json",//预期服务器返回的数据类型
		         url: "${pageContext.request.contextPath}/UserServlet" ,//url
		         data: {op:"ifLogin"},
		         success: function (result,status,xhr) {
		 			$("#loginItem").empty();
					if(result==null){
						$("#loginItem").append("<ul>"
								+"<li><a href=\"#\" data-toggle=\"modal\" id=\"mymd\" data-target=\"#myModal\">登录</a></li>"
								+"</ul>");
					}if(result!=null){
						$("#loginItem").append(
    							"<ul class=\"nav navbar navbar-right\" style=\"margin-top: 0px;list-style:none;\">"+
    								"<a href=\"customCenter.jsp\" target=\"iframe\"><li style=\"padding-right:15px;\"><img class=\"imgStyle\" src=\"${pageContext.request.contextPath}/FileDownloadServlet?fileName="+result.userPicture+"\" width=\"50\" height=\"50\" /></li></a>"+
    								"<li style=\"color:black;padding-right:15px;padding-top:15px;\"><span class=\"icon-bar\">欢迎您："+result.userName+"</span></li>"+
    								"<a href=\"#\" id=\"logout\"><li>注销</li></a>"+
    								"</ul> ");
						$("#loginFlag").val("true");
					}
		         } ,
		         error : function() {
		             alert("错误！");
		         }
		     });
//--------------------------------------------------------------------------------------------------陈奋		
		$(document).on("click",".typename",function(){
			var name=$(this).text();
			var op="searchMovieByType";
			     $.ajax({
			     
			         type: "POST",//方法类型
			         dataType: "json",//预期服务器返回的数据类型
			         url: "${pageContext.request.contextPath}/AdminServlet" ,//url
			         data: {typeName:name,op:"searchMovieByType"},
			         success: function (result,status,xhr) {
			        	 $("#searchshow").prop("src","genresbycf.jsp?op="+op+"&typeName="+name);
			         } ,
			         error : function() {
			             alert("错误！");
			         }
			     });
			 })	
			$(document).on("click",".areaname",function(){
			var name=$(this).text();
			var op="searchMovieByArea";
			
			     $.ajax({
			     
			         type: "POST",//方法类型
			         dataType: "json",//预期服务器返回的数据类型
			         url: "${pageContext.request.contextPath}/AdminServlet" ,//url
			         data: {areaName:name,op:"searchMovieByArea"},
			         success: function (result,status,xhr) {
			        	 $("#searchshow").prop("src","areas.jsp?op="+op+"&areaName="+name);
			         } ,
			         error : function() {
			             alert("错误！");
			         }
			     });
			 })			
			 
//----------------------------------------------------------------------------------------			 
		$(document).on("click","#search",function(){
			     $.ajax({
			     
			         type: "POST",//方法类型
			         dataType: "json",//预期服务器返回的数据类型
			         url: "${pageContext.request.contextPath}/AdminServlet" ,//url
			         data: $('#lookup').serialize(),
			         success: function (result,status,xhr) {
			        	 $("#searchshow").prop("src","genres.jsp");
			         } ,
			         error : function() {
			             alert("错误！");
			         }
			     });
			 })	
			 $(document).on("click","#allMovies",function(){
			     $.ajax({
			     
			         type: "POST",//方法类型
			         dataType: "json",//预期服务器返回的数据类型
			         url: "${pageContext.request.contextPath}/AdminServlet" ,//url
			         data: {},
			         success: function (result,status,xhr) {
			        	 $("#searchshow").prop("src","list.jsp");
			         } ,
			         error : function() {
			             alert("错误！");
			         }
			     });
			 })	
			//登录模块---------------------------------------------------------------------------------------------	
			$(document).on("click","#login",function(){
				var userName=$("#userName").val();
				var userPassword=$("#userPassword").val();


					// 异步请求
					$.ajax({
						async:true,
		    			url:"${pageContext.request.contextPath}/UserServlet",
		    			type:"POST",
		    			data:{op:"login",
		    				  userName:userName,
		    				  userPassword:userPassword
		    			},
		    			dataType:"json",
		    			success:function(result,status,xhr){
		    				
		    				if(result == null){
		    					alert("用户名或密码错误!")
		    				}else{
		    					$("#accountNameTip").text("");
		    					$("#judgment").text("");
		    					$("#loginItem").empty();
		    					// 判断用户是否有头像
		    					
		    						// 有头像,则请求服务器下载头像
	                                     $("#loginItem").append(
	                                    		 "<ul class=\"nav navbar navbar-right\" style=\"margin-top: 0px;list-style:none;\">"+
	                                             "<a href=\"customCenter.jsp\" target=\"iframe\" ><li style=\"padding-right:15px;\"><img class=\"imgStyle\" src=\"${pageContext.request.contextPath}/FileDownloadServlet?fileName="+result.userPicture+"\" width=\"50\" height=\"50\" /></li></a>"+
	                                             "<li style=\"color:black;padding-right:15px;padding-top:15px;\"><span class=\"icon-bar\">欢迎您："+result.userName+"</span></li>"+
	                                             "<a href=\"#\" id=\"logout\"><li>注销</li></a>"+
	                                             "</ul> ");
		    					
		    					
		    					// 隐藏框设值
		    					$("#loginFlag").val("true");
		    				}
		    			},
		    			error:function(xhr,status,error){
							alert("登陆失败");
						}
					});
				
			})
			//注册
			$(document).on("click","#register",function(){
				var userName=$("#reuserName").val();
				var userPassword=$("#reuserPassword").val(); 
				if(userName.trim().length==0||userPassword.trim().length==0){			
					alert("用户名或密码不能为空");
					return;
				}
				var data = new FormData($("#registered")[0])
				$.ajax({
						async:true,
						url:"${pageContext.request.contextPath}/UserServlet",
						type:"post",
						data:data,
						dataType:"json",
						contentType:false,
						processData: false,
						success:function(result,status,xhr){
							alert("注册成功");	
							$("#reuserName").val("");
							$("#reuserPassword").val("");
							$("#accountNameTip2").text("");
							$("#accountNameTip3").text("");
						},
						error:function(xhr,status,error){
						}
					});
			})
    	
			// 对账号输入框绑定失去焦点事件
			$("#reuserName").blur(function(){
				// 获取输入的账号
				var accountName = $(this).val().trim();
				var userPassword=$("#reuserPassword").val();
				$("#reuserPassword").val("");
				if(accountName.trim().length==0){
					$("#register").attr("disabled", true);
					$("#accountNameTip2").text("用户名不可为空");
 					//$("#accountNameTip").addClass("error");
 					 $("#accountNameTip2").css({"color":"RED","font-size":"12px"});

				}else{
					if(userPassword.trim().length==0){
 						$("#register").attr("disabled", true);
 						$("#accountNameTip3").text("密码不可为空");
	 					//$("#accountNameTip").addClass("error");
	 					 $("#accountNameTip3").css({"color":"RED","font-size":"12px"});
 					}
					// 发送ajax请求
					$.ajax({
						async:true,
						url:"${pageContext.request.contextPath}/UserServlet",
						type:"GET",
						data:{op:"existsOfUserName",accountName:accountName},
						dataType:"json",
						success:function(result,status,xhr){
			         		   if(result=="true"){
			         			  
			              		   $("#accountNameTip2").text("用户名可用");
			      					//$("#accountNameTip").addClass("error");
			      					 $("#accountNameTip2").css({"color":"GREEN","font-size":"12px"});
			     					$("#reuserPassword").blur(function(){
			    						// 获取输入的账号
			    						var accountPassword = $(this).val().trim();

			    						if(accountPassword.trim().length==0){
			    							$("#register").attr("disabled", true);
			    							$("#accountNameTip3").text("密码不可为空");
			    		 					//$("#accountNameTip").addClass("error");
			    		 					 $("#accountNameTip3").css({"color":"RED","font-size":"12px"});
			    						}else{
			    							$("#register").attr("disabled", false);
			    							$("#accountNameTip3").text("");
			    		 					//$("#accountNameTip").addClass("error");
			    		 					 $("#accountNameTip3").css({"color":"GREEN","font-size":"12px"});
			    						}
			    				})
			              		   }if(result=="false"){
			              			 $("#register").attr("disabled", true); 
			                  		   $("#accountNameTip2").text("用户名已存在");
			         					//$("#accountNameTip").addClass("error");
			         					 $("#accountNameTip2").css({"color":"RED","font-size":"12px"});
			         					$("#reuserPassword").blur(function(){
			         						$("#register").attr("disabled", true);
			         					})
			                 		   }
			    					
						},
						error:function(xhr,status,error){
						}
					});
				}
		})

		
            $(document).on("change","#file",function(){
            	
				var file = $(this).get(0).files[0];
				if (file==null) {
					$("#faceImg").attr("src","#");
				}else {
					var size = file.size/1024
					if (size>2000) {
						alert("文件大小不能超过2M");
						$(this).val("");
					}else{
						var reads = new FileReader();
						reads.readAsDataURL(file);
						reads.onload = function(){
							// 显示图片
							$("#faceImg").attr("src",this.result);
						}
					}
				}
			})
						
    		
    		// 异步请求注销
    		$(document).on("click","#logout",function(){
    			$.ajax({
    				async:true,
	    			url:"${pageContext.request.contextPath}/UserServlet",
	    			type:"POST",
	    			data:{op:"logout"},
	    			dataType:"json",
	    			success:function(result,status,xhr){
	    				$("#loginItem").empty();
	    				$("#loginItem").append("<ul>"
								+"<li><a href=\"#\" data-toggle=\"modal\" id=\"mymd\" data-target=\"#myModal\">登录</a></li>"
								+"</ul>");
	    				
 
	    			},
	    			error:function(xhr,status,error){
						alert("登录失败");
					}
    			})
    		});  
    		

    		 
    	//对登录窗口失去焦点事件
    	$(document).on("blur","#userName",function(){
    		
			var userName=$("#userName").val();
			var userPassword=$("#userPassword").val();
    		$.ajax({
				async:true,
    			url:"${pageContext.request.contextPath}/UserServlet",
    			type:"POST",
    			data:{op:"esistOfUser",userName:userName},
    			dataType:"json",
    			success:function(result,status,xhr){
    				if(result=="true"){
    					$("#accountNameTip").text("用户名不存在请先注册");
    					//$("#accountNameTip").addClass("error");
    					 $("#accountNameTip").css({"color":"RED","font-size":"12px"});
    				}if(result=="false"){
    					$("#accountNameTip").text("用户名正确");
    					$("#accountNameTip").css({"color":"GREEN","font-size":"12px"});
    					
    					
    				}
    			},
    			error:function(xhr,status,error){
					alert("登录失败");
				}
			})
			if(userName.trim().length==0 || userPassword.trim().length==0){
				 $("#judgment").text("用户名或密码不能为空");
					//$("#accountNameTip").addClass("error");
					 $("#judgment").css({"color":"RED","font-size":"12px"});

			}else{
				$("#judgment").text("");

			}
	})
	$(document).on("blur","#userPassword",function(){
    		
			var userName=$("#userName").val();
			var userPassword=$("#userPassword").val();

			if(userName.trim().length==0 || userPassword.trim().length==0){
				 $("#judgment").text("用户名或密码不能为空");
					//$("#accountNameTip").addClass("error");
					 $("#judgment").css({"color":"RED","font-size":"12px"});
			}else{
				$("#judgment").text("");

			}
	})
})
	</script>
	


<!-- //banner-bottom-plugin -->
<!---<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>--->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->

<style>
#faceImg{
border-radius:50%;

}
.imgStyle{
border-radius:50%;
}

</style>

</head>

<body>
	<!-- header -->
	<div class="header">
		<div class="container">
			<div class="w3layouts_logo">
				<a href="index.jsp"><img src="./images/1.png" alt=""></a>
			</div>
			<div class="w3_search">
				<form  method="post" onsubmit="return false" action="##" id="lookup">
					<input type="text" name="Searchfor" placeholder="Search" required="">
					<button type="button"  name="search" id="search" class="btn btn-success" style="background-color:black;height:40px;width:60px" >搜索</button>
				</form>
			</div>
			<div class="w3l_sign_in_register" id="loginItem" style="margin-top:0px">
				<ul>
					<li><a href="#" data-toggle="modal"  id="mymd" data-target="#myModal">登录</a></li>
				</ul>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- //header -->
	<!-- bootstrap-pop-up -->
	
	<div data-backdrop="static" data-keyboard="false" class="modal video-modal fade" id="myModal" tabindex="-1"
		role="dialog" aria-labelledby="myModal">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h1>注册登录</h1>
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<section>
				<div class="modal-body">
					<div class="w3_login_module">
						<div class="module form-module">
							<div class="toggle">
								<i class="fa fa-times fa-pencil"></i>
								<div class="tooltip">登录/注册</div>
							</div>
							<div class="form" align="center">
								<h3>登录您的账号</h3>

             <form class="navbar-form navbar-right" action="#" >
            
              <input type="text" placeholder="用户名" class="form-control" id="userName" name="userName">
              
              <label id="accountNameTip" style="padding-left:0px"></label>                 
              <input type="password" placeholder="密码" class="form-control" id="userPassword" name="userPassword"> 
              <label id="judgment" style="padding-left:0px"></label>
                <!-- 滑块容器 -->
              <div id="box">
			        <div class="bgColor"></div>
			        <div class="txt" >滑动验证</div>
		        		<!--给i标签添加上相应字体图标的类名即可-->
		       		 <div class="slider"><i class="iconfont icon-double-right"></i></div>
   			 </div> 
              
              
         <button type="button"  style=" margin-top: 15px;" class="btn btn-block btn-lg btn-warning" id="login" aria-label="Close"  disabled="true" data-dismiss="modal">登录</button> 
         
								</form>
							</div>
		
		
							
                          <!--  //1111111111111? -->
     
     
                          
							<div class="form" align="center">
								<h3>注册</h3>
								<form id="registered" class="navbar-form navbar-right" onsubmit="return false" action="##" method="post" enctype="multipart/form-data" >
					            	<input type="hidden" name="op"  value="register">
					          
					          		<img src="images/registered.gif" id="faceImg" width="100px" height="100px"> </img>
					   				<input type="file" id="file" class="filepath" name="facePicture"  accept="image/jpg,image/jpeg,image/png" value="" /> 					         
									<input type="text" name="reuserName" placeholder="用户名" required="" id="reuserName"> 
									<label id="accountNameTip2" style="padding-left:0px"></label>
									<input type="password" name="repassword" placeholder="密码" required="" id="reuserPassword"> 
                                    <label id="accountNameTip3" style="padding-left:0px"></label>
									<button type="button" class="btn btn-block btn-lg btn-warning"  id="register" aria-label="Close" data-dismiss="modal" >注册</button> 
								</form>
							</div>
							<div class="cta">
								<a href="#">忘记密码?</a>
							</div>
						</div>
						</div>
					</div>
				</div>
				</section>
			</div>
		</div>
	</div>

	<script>
		$('.toggle').click(function(){
		  // Switches the Icon
		  $(this).children('i').toggleClass('fa-pencil');
		  // Switches the forms  
		  $('.form').animate({
			height: "toggle",
			'padding-top': 'toggle',
			'padding-bottom': 'toggle',
			opacity: "toggle"
		  }, "slow");
		});
	</script>
	<!-- //bootstrap-pop-up -->
	<!-- nav -->

<div class="movies_nav">
		<div class="container">
			<nav class="navbar navbar-default">
				<div class="navbar-header navbar-left">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
					<nav>
						<ul class="nav navbar-nav">

							<li class="active" ><a href="index.jsp">主页</a></li>

							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">题材 <b class="caret"></b></a>
								<ul class="dropdown-menu multi-column columns-3">
									<li>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">

<!-- "${pageContext.request.contextPath}/front/genres.jsp?op=searchMovieByType&typeName=纪录片" -->
											<li><a href="#" class="typename">动作</a></li>
											<li><a href="#" class="typename">冒险</a></li>
											<li><a href="#" class="typename">传记</a></li>
											<li><a href="#" class="typename">喜剧</a></li>
											<li><a href="#" class="typename">动画</a></li>
											<li><a href="#" class="typename">悬疑</a></li>


										</ul>
									</div>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">


											<li><a href="#" class="typename">恐怖</a></li>
											<li><a href="#" class="typename">犯罪</a></li>
											<li><a href="#" class="typename">科幻</a></li>
											<li><a href="#" class="typename">爱情</a></li>
											<li><a href="#" class="typename">剧情</a></li>
											<li><a href="#" class="typename">纪录片</a></li>


										</ul>
									</div>
									<div class="clearfix"></div>
									</li>
								</ul>
							</li>

							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">地区 <b class="caret"></b></a>
								<ul class="dropdown-menu multi-column columns-3">
									<li>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">


												<li style="width:60px"><a href="#" class="areaname">中国大陆</a></li>
												<li><a href="#" class="areaname">法国</a></li>
												<li><a href="#" class="areaname">英国</a></li>
												<li><a href="#" class="areaname">美国</a></li>
												<li><a href="#" class="areaname">德国</a></li>


											</ul>
										</div>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">


												<li style="width:60px" ><a href="#" class="areaname">加拿大</a></li>
												<li><a href="#" class="areaname">韩国</a></li>
												<li><a href="#" class="areaname">日本</a></li>
												<li><a href="#" class="areaname">印度</a></li>
												<li style="width:60px"><a href="#" class="areaname">澳大利亚</a></li>


											</ul>
										</div>
										<div class="clearfix"></div>
									</li>
								</ul>
							</li>
							<!--<li><a href="short-codes.html">Short Codes</a></li>-->
							<li><a href="#" id="allMovies">全部电影</a></li>
						</ul>
					</nav>
				</div>
			</nav>	
		</div>
	</div>
<!-- //nav -->
<!-- //nav -->

<!-- /w3l-medile-movies-grids -->
<div class="general-agileits-w3l" style="padding: 0 0;">
<iframe src="indexbycf.jsp" class="iframeHeight" name="iframe" width="100%" height="100%" id="searchshow" frameborder="no" scrolling="no"></iframe>
</div>
	<!-- banner -->
	
	<script src="js/jquery.slidey.js"></script>
	<script src="js/jquery.dotdotdot.min.js"></script>
	<script type="text/javascript">
    //孙志强 iframe高度自适应
		function changeHeight() {
			var iframeHeight = $(".iframeHeight").contents().find("body").height();
	        $(".iframeHeight").height(iframeHeight)
	    }
	    
	    window.onload = function() {
	    	var intervalChangeHeight = setInterval("changeHeight()",0);
// 	        window.onhaschange = function() {
// 	        	changeHeight();
// 			}
		}
	    
		$("#slidey").slidey({
			interval: 4000,
			listCount: 5,
			autoplay: false,
			showList: true
		});
		$(".slidey-list-description").dotdotdot();
	</script>
	<!-- //banner -->
	<!-- banner-bottom -->
	
	<div class="tlinks">
		Collect from <a href="http://www.cssmoban.com/">手机网站模板</a>
	</div>

	
	<!-- //general -->
	<!-- Latest-tv-series -->

	<!-- pop-up-box -->
	<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
	<!--//pop-up-box -->
	<div id="small-dialog" class="mfp-hide">
		<!---<iframe src="https://player.vimeo.com/video/164819130?title=0&byline=0"></iframe>--->
	</div>
	<div id="small-dialog1" class="mfp-hide">
		<!---<iframe src="https://player.vimeo.com/video/148284736"></iframe>--->
	</div>
	<div id="small-dialog2" class="mfp-hide">
		<!---<iframe src="https://player.vimeo.com/video/165197924?color=ffffff&title=0&byline=0&portrait=0"></iframe>--->
	</div>
	<script>
		$(document).ready(function() {
		$('.w3_play_icon,.w3_play_icon1,.w3_play_icon2').magnificPopup({
			type: 'inline',
			fixedContentPos: false,
			fixedBgPos: true,
			overflowY: 'auto',
			closeBtnInside: true,
			preloader: false,
			midClick: true,
			removalDelay: 300,
			mainClass: 'my-mfp-zoom-in'
		});
																		
		});
	</script>
	<!-- //Latest-tv-series -->
	<!-- footer -->
		<div class="footer">
		<div class="container">
			<div class="w3ls_footer_grid">


				<div class="col-md-2 w3ls_footer_grid_left">


					<a href="index.jsp"><img src="./images/1.png" alt=""></a>
				</div>


				
				<div class="col-md-2 w3ls_footer_grid1_right">
					<h4 style="color: #FFFFFF;">扫一扫联系我:</h4>
				</div>
				<div class="col-md-2 ">
					<img style="height:80px;width:80px; margin-bottom: -20px;" src="./images/weixin.jpg">
				</div>
				
				<div class="col-md-5 w3ls_footer_grid1_right">
					<h4 href="#"  style="right: 450px;position: absolute; color: #FFFFFF; width: 80px; top:2px; ">热门频道:</h4>
					<ul>
							<li>
								<a href="#">电视剧</a>
							</li>
							<li>
								<a href="#">电影</a>
							</li>
							<li>
								<a href="#">动作</a>
							</li>
							<li>
								<a href="#">科幻</a>
							</li>
							<li>
								<a href="#">幽默</a>
							</li>
							<li>
								<a href="#">剧情</a>
							</li>
							<li>
								<a href="#">动画</a>
							</li>
					</ul>
				</div>
				
				<div class="clearfix"> </div>


			</div>


			<div class="clearfix"> </div>


		</div>
	
		<div class="mod_footer" style="padding: 25px 0;color: #FFFFFF;line-height: 30px; text-align: center;">
		<div class="copyright_zheng">
			<a style="color: #FFFFFF;" href="#" target="_blank" rel="nofollow">粤网文[2017]6138-1456号</a>
			| <a style="color: #FFFFFF;" href="#" target="_blank" rel="nofollow">网络视听许可证1904073号</a> 
			| 增值电信业务经营许可证：<a style="color: #FFFFFF;" href="#" target="_blank" rel="nofollow">粤B2-20090059</a> | <a style="color: #FFFFFF;" target="_blank" href="#" rel="nofollow">粤公网安备 44030002000001号</a>
		</div>
		<div class="footermenu">
			<a style="color: #FFFFFF;" href="#" rel="nofollow" target="_blank">关于腾讯</a> | <a style="color: #FFFFFF;" style="color: #FFFFFF;" href="#" rel="nofollow" target="_blank">About Tencent</a> | <a style="color: #FFFFFF;" href="#" rel="nofollow" target="_blank">服务条款</a> | <a style="color: #FFFFFF;" href="#" rel="nofollow" target="_blank">广告服务</a> | <a style="color: #FFFFFF;" href="#" rel="nofollow" target="_blank">腾讯招聘</a> | <a style="color: #FFFFFF;" href="#" rel="nofollow" target="_blank">客服中心</a> | <a style="color: #FFFFFF;" href="#" rel="nofollow" target="_blank">网站导航</a>
		</div>
		<div class="copyrighten">Copyright © 1998 - 2020 Tencent. <a style="color: #FFFFFF;" target="_blank" href="#" rel="nofollow">All Rights Reserved.</a></div>
		<div class="copyrightzh">腾讯公司 <a style="color: #FFFFFF;" target="_blank" href="#" rel="nofollow">版权所有</a></div>
	</div>

	
	</div>

	<!-- //footer -->
	<!-- //footer -->
	<!-- Bootstrap Core JavaScript -->
	<script src="js/bootstrap.min.js"></script>
	<script>
$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});
</script>
	<!-- //Bootstrap Core JavaScript -->
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->
	<script>
         var loginErrorMessage="${param.fileuploaderror}";
         if(loginErrorMessage=="fileuploaderror"){
         	alert("上传头像文件格式不合法!");
         }
        </script>
        
        <!-- 滑块的JS -->
        <script>
        //一、定义了一个获取元素的方法
        function getEle(selector){
            return document.querySelector(selector);
        }
        //二、获取到需要用到的DOM元素
        var box = getEle("#box"),//容器
            bgColor = getEle(".bgColor"),//背景色
            txt = getEle(".txt"),//文本
            slider = getEle(".slider"),//滑块
            icon = getEle(".slider>i"),
            successMoveDistance = 250,//解锁需要滑动的距离
            downX,//用于存放鼠标按下时的位置
            isSuccess = false;//是否解锁成功的标志，默认不成功
 
        //三、给滑块添加鼠标按下事件
        slider.onmousedown = mousedownHandler;
 
        //3.1鼠标按下事件的方法实现
        function mousedownHandler(e){
            bgColor.style.transition = "";
            slider.style.transition = "";
            var e = e || window.event || e.which;
            downX = e.clientX;
            //在鼠标按下时，分别给鼠标添加移动和松开事件
            document.onmousemove = mousemoveHandler;
            document.onmouseup = mouseupHandler;
        };
 
        //四、定义一个获取鼠标当前需要移动多少距离的方法
        function getOffsetX(offset,min,max){
            if(offset < min){
                offset = min;
            }else if(offset > max){
                offset = max;
            }
            return offset;
        }
 
        //3.1.1鼠标移动事件的方法实现
        function mousemoveHandler(e){
        
            var e = e || window.event || e.which;
            var moveX = e.clientX;
            var offsetX = getOffsetX(moveX - downX,0,successMoveDistance);
            bgColor.style.width = offsetX + "px";
            slider.style.left = offsetX + "px";
 
            if(offsetX == successMoveDistance){
                success();
            }
            //如果不设置滑块滑动时会出现问题（目前还不知道为什么）
            e.preventDefault();
        };
 
        //3.1.2鼠标松开事件的方法实现
        function mouseupHandler(e){
            if(!isSuccess){
                bgColor.style.width = 0 + "px";
                slider.style.left = 0 + "px";
                bgColor.style.transition = "width 0.8s linear";
                slider.style.transition = "left 0.8s linear";
            }
            document.onmousemove = null;
            document.onmouseup = null;
        };
 
        //五、定义一个滑块解锁成功的方法
        function success(){
            isSuccess = true;
            txt.innerHTML = "解锁成功";
            bgColor.style.backgroundColor ="lightgreen";
            slider.className = "slider active";
            icon.className = "iconfont icon-xuanzhong";
            //滑动成功时，移除鼠标按下事件和鼠标移动事件
            slider.onmousedown = unlock();
            document.onmousemove = null;
        };
        function unlock() {
        	
        	$("#login").prop("disabled",false)
        }
        $(document).on("click","#mymd",function(){
       		
        	$("#login").prop("disabled",true)
        	
        })
      </script>		
        
</body>
</html>